<template>
  <div class='app'>
    <h3>组件</h3>
   <Student :DevilFruit='DevilFruit' :OfferAReward='OfferAReward' :home='home'></Student>
  </div>
  <!-- props传参
  props收参有三种方法 -->
</template>

<script>
	import Student from './components/Student'

export default {
		name:'App',
		components:{Student},
    data() {
        return {
        DevilFruit :'动物系▪人人果实',
				OfferAReward :100,
				home:'伟大航路▪磁鼓岛'
        }
      },
      
}
</script>

<style>
.app{
		background-color: gray;
		padding: 30px;
	}
</style>